<template>
	<view class="add_item" @click="add">
		<up-icon size="32rpx" :name="config.getImage('add')" @click="show = true"></up-icon>
		<view class="title font28">{{title}}</view>
	</view>
</template>

<script setup>
	import config from '@/config.js';
	const props = defineProps({
		title: {
			type: String,
			default: '标题'
		},
	});
	const emit = defineEmits(['add']);
	const add = () => {
		emit('add', '点击了');
	};
</script>

<style lang="scss" scoped>
	.add_item{
		width: 686rpx;
		height: 96rpx;
		border-radius: 16rpx;
		border: 2rpx dashed #BBBBBB;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 32rpx;
		.title{
			margin-left: 6rpx;
		}
	}
</style>